// pages/wxml-to-canvas/index.js

// 引入 需要绘制的模板
const { wxml, style } = require('./demo.js');

Component({
  /**
   * 组件的初始数据
   */
  data: {
    src: ''
  },

  /**
   * 组件的方法列表
   */
  methods: {
    /**
     * 页面创建时执行
     */
    onLoad() {
      this.widget = this.selectComponent('.widget')
    },
    /**
     * 渲染到 canvas
     */
    renderToCanvas() {
      const p1 = this.widget.renderToCanvas({ wxml, style })
      p1.then((res) => {
        console.log('container', res.layoutBox)
        this.container = res
      })
    },
    /**
     * 导出图片
     */
    extraImage() {
      const p2 = this.widget.canvasToTempFilePath()
      p2.then(res => {
        this.setData({
          src: res.tempFilePath,
          width: this.container.layoutBox.width,
          height: this.container.layoutBox.height
        })
      })
    }
  }
})
